<!doctype html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>学校固定资产管理系统</title>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <link rel="stylesheet" href="./lib/layui/css/modules/layer/default/layer.css">

    <!-- <link rel="stylesheet" href="./css/theme5.css"> -->
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
          <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
          <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    <script>
        // 是否开启刷新记忆tab功能
        var is_remember = false;
    </script>

</head>

<body class="index">
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo">
            <a href="./index.html">固定资产管理系统</a>
        </div>
        <div class="left_open">
            <a>
                <i title="展开左侧栏" class="iconfont">&#xe699;</i>
            </a>
        </div>
        <ul class="layui-nav right" lay-filter="">
            <li class="layui-nav-item">
                <a href="javascript:;" class="userName"></a>
                <dl class="layui-nav-child">
                    <!-- 二级菜单 -->
                    <dd>
                        <a id="edit">
                            <span>修改密码</span>
                        </a>
                    </dd>
                    <dd>
                        <a id="exit">
                            <span>退出</span>
                        </a>
                    </dd>
                </dl>
            </li>
        </ul>
    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
    <!-- 左侧菜单开始 -->
    <div class="left-nav">
        <div id="side-nav">
            <ul id="nav">

            </ul>
        </div>
    </div>
    <!-- <div class="x-slide_left"></div> -->
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
            <ul class="layui-tab-title">
                <li class="home">
                    <i class="layui-icon">&#xe68e;</i>我的桌面</li>
            </ul>
            <div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
                <dl>
                    <dd data-type="this">关闭当前</dd>
                    <dd data-type="other">关闭其它</dd>
                    <dd data-type="all">关闭全部</dd>
                </dl>
            </div>
            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <iframe src='./welcome.html' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
                </div>
            </div>
            <div id="tab_show"></div>
        </div>
    </div>
    <div class="page-content-bg"></div>
    <style id="theme_style"></style>
    <!-- 右侧主体结束 -->
    <!-- 中部结束 -->
</body>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="./lib/layui/layui.js" charset="utf-8"></script>
<script type="text/javascript" src="./js/xadmin.js"></script>
<script src="lib/layui/lay/modules/layer.js" charset="utf-8"></script>
<script>
    $(function () {
        var userName = sessionStorage.getItem("UserName");
        if (userName != null && userName != "null") {
            //如果用户已经登录
            $(".userName").text(userName);
            $.ajax({
                type: "GET",
                headers: {
                    "token": sessionStorage.getItem("token")
                },
                url: sessionStorage.getItem("api") + "users/permission",
                dataType: "Json",
                success: function (res) {
                    if (res.Code == 200) {
                        var menu = JSON.parse(res.Data.PermissionMenu);
                        var html = '';
                        for (var i = 0; i < menu.length; i++) {
                            html += ' <li>';
                            html += '     <a href="javascript:;">';
                            html += '         <i class="iconfont left-nav-li" lay-tips="' + menu[i]
                                .Name + '">' + menu[i].Icon + '</i>';
                            html += '         <cite>' + menu[i].Name + '</cite>';
                            html += '         <i class="iconfont nav_right">&#xe697;</i>';
                            html += '     </a>';
                            html += '     <ul class="sub-menu">';
                            var child = menu[i].Child
                            for (var j = 0; j < child.length; j++) {
                                html += '         <li>';
                                html += '             <a onclick="xadmin.add_tab(\'' + child[j]
                                    .Name + '\',\'' + child[j].Href + '\')">';
                                html += '                 <i class="iconfont">&#xe6a7;</i>';
                                html += '                 <cite>' + child[j].Name + '</cite>';
                                html += '             </a>';
                                html += '         </li>';
                            }
                            html += '     </ul>';
                            html += ' </li>';
                        }
                        $("#nav").append(html);
                    } else {
                        layer.msg(res.ErrorMessage);
                    }
                }
            })

        } else {
            layer.alert('您还未登陆，请先登陆！', {
                shade: [0.9, '#000']
            }, function () {
                location.href = 'login.html';
            })
        }
        $("#exit").click(function () {
            sessionStorage.setItem("UserName", null);
            layer.alert('已注销登陆！', {}, function () {
                location.href = 'login.html';
            })
        })

        $("#edit").click(function () {
            layer.open({
                type: 2,
                area: ['451px', '400px'],
                fix: false,
                maxmin: true,
                shadeClose: true,
                shade: 0.4,
                title: "修改密码",
                content: 'user-editpassword.html'
            });
        })

    })
</script>

</html>